
<script type="text/javascript">
KindEditor.ready(function(K) {
				var editor = K.editor({
					 uploadJson : "index.php?g=User&m=Upload&a=index",//图片上传后的处理地址
                    //fileManagerJson : 'Public/js/kindeditor/php/file_manager_json.php',
					allowFileManager : true
				});
				//上传头像
				K('#avatar_js').click(function() {
					editor.loadPlugin('image', function() {
						editor.plugin.imageDialog({
							showRemote : false,
							imageUrl : K('#avatar').val(),
							clickFn : function(url, title, width, height, border, align) {
								K('#avatar').val(url);
								 document.getElementById("win_avatar").src=url;
								
								editor.hideDialog();
							}
						});
					});
				});
})
</script>

<div class="userinfo">
<script type="text/javascript" src="__PUBLIC__/Js/jquery.artDialog.js?skin=default"></script>
    <load href="./__PUBLIC__/Js/iframeTools.js"/>
    <load href="./__PUBLIC__/Js/my.js"/>
    <load href="./__PUBLIC__/Js/swfupload.js"/>  
 	<script src="./__PUBLIC__/Js/jquery.validate.js"></script>
    <script type="text/javascript" src="./__PUBLIC__/Js/MyDate/WdatePicker.js"></script>
    <script type="text/javascript" src="./Public/js/jgsat.js">
	
      var APP	 ='__APP__'
      var ROOT   ='__ROOT__'
      var PUBLIC = '__PUBLIC__'
     </script>
    <div class="wind_content1R">
      <span class="wind_content1Rspan">个人资料</span>
      <ul class="wind_content1Rspanson" style="float:right;margin: -32px 20px 0px 0px;">
        <li>完善度</li>
        <li style="margin-top:3px;width:100px;height:10px;background:#DFDFDF;">
          <span id="spanwidth" style="display:block;width:0px;height:10px;background:#DD4F50;"></span>
        </li>
        <li><span id="wind_nius">0</span>%</li>
      </ul>
      <ul class="wind_content1RULs1">
      <form method='post' id="myform2"  action="{:URL('User-Index/designer')}">
        <li>
            <span style="width:167px;">用户类型：业主</span>
        </li>
        <input type="hidden" name="id" value="{$vo.id}" />
       
        <li>
            <span><a style="color:red;">*</a> 所在地：</span>
            <dd><select name="province" id="province" validate=" required:true" onchange="area_change(this.value, 1,'province','city','area');" class="selt mr5" >
            	<option value="0">省份</option>
            </select>
            <select name="city" validate=" required:true" onchange="area_change(this.value, 2,'province','city','area');" id="city" class="selt mr5" >
                <option value="0">城市</option>
            </select>
           
            <script>area_change(0, 0,'province','city','area',{if $vo[province]!=0}{$vo[province]}{else}0{/if},{if $vo[city]!=0}{$vo[city]}{else}0{/if},{if $vo[area]!=0}{$vo[area]}{else}0{/if});
			</script>
	    </li>
        <li>
            <span>&nbsp;</span>
            <input type="text" name="address" id="address" class="orderinput" value="{$vo[address]}" />
            </dd>
        </li>
        <li>
          <input type="hidden" id="avatar" name="avatar"  value="{$vo.avatar}"/>
          <input type="submit" name="dosubmit" value="保存" class="wind_sub1" />
        </li>
        </form>
      </ul>
      <div class="wind_myhead">
          <div class="wind_myhead_son">
            <img width="108" height="100" id="win_avatar" src="{$vo.avatar}" style="border-radius:6px;margin:17px;" />
            <span class="wind_myhead_son2" id="avatar_js">上传头像</span>
          </div>
          <ul class="wind_XX">
            <li><span class="wind_XXspan">绑定邮箱：未设置</span></li>
            <li><span class="wind_XXspan">绑定手机：178***89</span></li>
            <li><span class="wind_XXspan">登录密码：*******</span></li>
          </ul>
          <ul class="wind_XX2">
            <li>立即设置</li>
            <li>换绑</li>
            <li>修改密码</li>
          </ul>
          
      </div>
    </div>
    <div style="clear:both;margin-bottom:20px;"></div>
  </div>
</div>
<script type="text/javascript">
  $("#name1").click(function(){
    $("#spanwidth").css("width","10px");
    $("#wind_nius").text('10');
  });
  $("#name2").click(function(){
    $("#spanwidth").css("width","20px");
    $("#wind_nius").text('20');
  });
  $("#name3").click(function(){
    $("#spanwidth").css("width","30px");
    $("#wind_nius").text('30');
  });
  $("#name4").click(function(){
    $("#spanwidth").css("width","40px");
    $("#wind_nius").text('40');
  });
  $("#name5").click(function(){
    $("#spanwidth").css("width","50px");
    $("#wind_nius").text('50');
  });
  $("#name6").click(function(){
    $("#spanwidth").css("width","60px");
    $("#wind_nius").text('60');
  });
  $("#name7").click(function(){
    $("#spanwidth").css("width","70px");
    $("#wind_nius").text('70');
  });
  $("#name8").click(function(){
    $("#spanwidth").css("width","80px");
    $("#wind_nius").text('80');
  });
  $(".choice").click(function(){
    $("#spanwidth").css("width","90px");
    $("#wind_nius").text('90');
  });
  $("#name10").click(function(){
    $("#spanwidth").css("width","100px");
    $("#wind_nius").text('100');
  });
</script>
<div class="clear:both;"></div>                                                                                                                                                                                                                                                                                                                                                                                                                                                